<template>
  <div class="body">
    <section class="details">
      <div class="center-block">
        <div class="Crumbs">
          您的位置：
          <router-link to="/home">
            首页
            <b>&gt;</b>
          </router-link>
          <router-link to="/projectApproval">
            项目审批
            <b>&gt;</b>
          </router-link>
          <router-link to="/projectApproval/explainDetail">一图解读</router-link>
        </div>

        <div class="detail_explain clearfix">
          <div class="C_menu">
            <!-- 左边切换兰 -->
            <el-menu
            active-text-color="#409EFF"
            unique-opened 
            :default-active="menulist.id"
            >
              <!-- 一级菜单 -->
              <el-submenu :index="item.id+''" v-for="item in menulist" :key="item.id" >
                <!-- 一级菜单的模板区域 -->
                <template slot="title">
                  <!-- 文本 -->
                  <span>{{item.title}}</span>
                </template>
                <!-- 二级菜单 -->
                <el-menu-item :index="itemSub.id+''" v-for="itemSub in childList" :key="itemSub.id">
                  <template slot="title">
                    <!-- 文本 -->
                    <span>{{itemSub.title}}</span>
                  </template>
                </el-menu-item>
              </el-submenu>
            </el-menu>
          </div>
          <div class="C_content">
            <img src="../../../assets/images/explain.png" alt />
          </div>
        </div>
      </div>
    </section>
  </div>
</template>

<script>
export default {
  data: function() {
    return {
      menulist: [
        {
          id: "001",
          title: "申请企业信息申请1"
        },
        {
          id: "002",
          title: "申请企业信息申请2"
        },
        {
          id: "003",
          title: "申请企业信息申请3"
        }
      ],
      childList: [
        {
          id: "111",
          title: "企业资质申请信息1"
        },
        {
          id: "222",
          title: "企业资质申请信息2"
        }
      ]
    };
  },
  methods: {
    projectApproval() {
      this.$router.push("/projectApproval");
    }
  }
};
</script>
